<!--
 * @Author: sxb
 * @Email: sxb@mail.com
 * @Date: 2020-11-12 13:40:33
 * @Descripttion: 
-->
<template>
  <div>
    <basic-container>
      <div style="margin:0 0 10px 20px; ">说明：</div>  
      <el-form
        :model="searchForm"
        ref="searchFormRef"
        label-width="80px"
        :inline="true"
        size="small"
      >
      
        <el-form-item label="订单编号:">
          <el-input v-model="searchForm.a"></el-input>
        </el-form-item>
        <el-form-item>
          <el-button type="primary" icon="el-icon-search" @click="searchChange">查询</el-button>
          <el-button icon="el-icon-delete">导出</el-button>
        </el-form-item>
       
      </el-form>
       
      <avue-crud
        ref="crud"
        :option="tableOption"
        :data="list"
        :page="page"
        v-model="form"
        :table-loading="listLoading"
        @on-load="getList"
        @refresh-change="refreshChange"
        @size-change="sizeChange"
        @current-change="currentChange"
      >
      <template slot="menuLeft" slot-scope="">
         货物总额：0.11
        </template>
      </avue-crud>
    </basic-container>
  </div>
</template>

<script>
import { tableOption } from "@/const/crud/credit/totalLoann";
export default {
  name: "TotalLoan",
  data() {
    return {
      searchForm: {},
      tableOption: tableOption,
      page: {
        total: 1, // 总页数
        currentPage: 1, // 当前页数
        pageSize: 20, // 每页显示多少条
      },
      list: [
        {
          a: "11111111111111111111",
          b: "5844(baiqwnhua)",
          c: 0.02,
          d: 1,
          e: '4ds',
          f: 0.01,
          g: 0.01,
          h: 0.01,
          i:"2020-01-23",
        },
      ],
      listLoading: false,
      form: {},
    };
  },
  methods: {
    getList() {},
    searchChange() {
      this.page.currentPage = 1;
      this.getList(this.page, form);
    },
    sizeChange(pageSize) {
      this.page.pageSize = pageSize;
    },
    currentChange(current) {
      this.page.currentPage = current;
    },

    refreshChange() {
      this.getList(this.page);
    },
  },
};
</script>

<style lang="scss" scoped>
</style>